<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <title></title>
    <link href="css/test3.css" rel="stylesheet" type="text/css" >
    <link rel="stylesheet" type="text/css" href="../css/main.css" />
    <link rel="stylesheet" type="text/css" href="flexslider.css" />
    <style type="text/css">
        h3{height:42px; line-height:42px; font-size:16px; font-weight:normal; text-align:center}
        h3 a{margin:10px}h3 a.cur{color:#f30}
    </style>
    <script src="http://libs.useso.com/js/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.flexslider-min.js"></script>
    <script type="text/javascript">
$(function() {
    $(".flexslider").flexslider({
		slideshowSpeed: 4000, //展示时间间隔ms
		animationSpeed: 400, //滚动时间ms
		touch: true //是否支持触屏滑动
	});
});
</script>
</head>
<body>
<header>
    <img src="images/top_back.png" style="float: left; width: 1.7rem;height: 1.7rem;">
    <img src="images/top_category.png" style="float: right; width: 1.7rem;height: 1.7rem;">



    <div class="top_select" >
    <input type="text" value="搜索景点" style="color: #8b8385 ;font-size:0.8rem;width: 100% ; height: 1.7rem; border: none; border-radius: 1rem;
     background-color: #CCCCCC; background-image: url(images/search.png); background-repeat: no-repeat; padding-left: 30px; "/>
    </div>

</header>


<div id="main">
    <div class="flexslider">
        <ul class="slides">
            <li><img src="images/s1.jpg" /></li>
            <li><img src="images/s2.jpg" /></li>
            <li><img src="images/s3.jpg" /></li>
            <li><img src="images/s4.jpg" /></li>
        </ul>
    </div>

    <div class="ad_76090"><script src="/js/ad_js/bd_76090.js" type="text/javascript"></script></div><br>
</div>



<div class="top_bot">
    <div class="top_bot_left" style="font-size:1rem">
        <span ><img src="images/jd_arr1.png" style="width: 1.5rem"></span>
        <span >热门景点</span>
    </div>
    <div class="top_bot_right" style="font-size:1rem">
        <span ><img src="images/jd_arr2.png" style="width: 1.5rem">我身边</span>
    </div>
</div>
<div style="background-color: #CCCCCC; height:1rem; margin-top: 2.3rem;">
    <hr style="color: #8b8385"/>
</div>
<div class="context">
    <div class="context_top">
            <span style="width: 30%">位置区域<img src="images/channelBg.png" style="width: 0.8rem;"></span>
            |
            <span style="width: 27%">达人推荐<img src="images/channelBg.png" style="width: 0.8rem;"></span>
            |
            <span style="width: 27%">全部主题<img src="images/channelBg.png" style="width: 0.8rem;"></span>
    </div>
<div class="context_list">
    <div class="list">
    <div class="list_left">
        <img src="images/jd_pic.jpg" style="width: 7rem">
    </div>
    <div class="list_right">
    <div class="list_1">洞头望海楼景区</div>
    <div class="list_2"><img src="images/arr_order01.png" style="height: 0.7rem"><img src="images/arr_order02.png" style="height: 0.7rem; margin-left: 0.2rem">
        <span style="color: rgba(125, 125, 125, 0.31);float: right; font-size: 0.7rem;">起</span><span style="color: #ff6201; float: right; font-size: 1.1rem ">￥100</span>
    </div>
    <div class="list_3">风景名胜<strike style="float: right;color: rgba(125, 125, 125, 0.31)">￥240</strike></div>
    <div class="list_4">已售2000</div>
    </div>
    </div>
    <hr style="margin: 0.8rem 0 0.8rem 0 ;border-color: rgba(185, 185, 185, 0.31)"/>
    <div class="list">
        <div class="list_left">
            <img src="images/jd_pic.jpg" style="width: 7rem">
        </div>
        <div class="list_right">
            <div class="list_1">洞头望海楼景区</div>
            <div class="list_2"><img src="images/arr_order01.png" style="height: 0.7rem"><img src="images/arr_order02.png" style="height: 0.7rem; margin-left: 0.2rem">
                <span style="color: rgba(125, 125, 125, 0.31);float: right; font-size: 0.7rem;">起</span><span style="color: #ff6201; float: right; font-size: 1.1rem ">￥100</span>
            </div>
            <div class="list_3">风景名胜<strike style="float: right;color: rgba(125, 125, 125, 0.31)">￥240</strike></div>
            <div class="list_4">已售2000</div>
        </div>
    </div>
    <hr style="margin: 0.8rem 0 0.8rem 0; border-color: rgba(185, 185, 185, 0.31)"/>
    <div class="list">
        <div class="list_left">
            <img src="images/jd_pic.jpg" style="width: 7rem">
        </div>
        <div class="list_right">
            <div class="list_1">洞头望海楼景区</div>
            <div class="list_2"><img src="images/arr_order01.png" style="height: 0.7rem"><img src="images/arr_order02.png" style="height: 0.7rem; margin-left: 0.2rem">
                <span style="color: rgba(125, 125, 125, 0.31);float: right; font-size: 0.7rem;">起</span><span style="color: #ff6201; float: right; font-size: 1.1rem ">￥100</span>
            </div>
            <div class="list_3">风景名胜<strike style="float: right;color: rgba(125, 125, 125, 0.31)">￥240</strike></div>
            <div class="list_4">已售2000</div>
        </div>
        <hr style="margin: 0.8rem 0 0.8rem 0; border-color: rgba(185, 185, 185, 0.31)"/>
        <div style="margin: 1rem 0 1rem 0; text-align: center;">点击查看</div>
    </div>
<div class="bottom">
    <div class="home"   >
       <img src="images/bottom_home.png" style="height: 2rem">
        <div style="text-align: center">首页</div>
    </div>
    <div class="find">
        <img src="images/bottom_find.png"style="height: 2rem">
        <div style="text-align: center">发现</div>
    </div>
    <div class="car">
        <img src="images/bottom_shop.png"style="height: 2rem">
        <div style="text-align: center">购物车</div>
    </div>
    <div class="mine"  >
        <img src="images/bottom_mine.png"style="height: 2rem">
        <div style="text-align: center">我的</div>
    </div>
</div>
</div>
</div>
</body>
</html>